<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<title>下滑菜单</title>

</head>
<body>
<div id="app">
<ul><h2>湖南</h2>
<li>长沙</li>
<li>株洲</li>
<li>湘潭</li>
<li>益阳</li>
</ul>
<ul><h2>湖北</h2>
<li>武汉</li>
<li>黄冈</li>
<li>孝感</li>
<li>荆州</li>
</ul>
</div>
<script>
$(function(){
//入口函数
//隐藏元素 所有为 li 的元素 hide为进入隐藏的时间	$('li').hide(1000);
$('li').hide();
//点击省份 显示 li 的元素 </h2>
$('h2').click(function(){
// $('li').show();
$(this).parent().find('li').show();
})
})




// //入口函数
// //隐藏元素 所有为 li 的元素 hide为进入隐藏的时间	$('li').hide(1000);
// $('li').hide();
// //点击省份 显示 li 的元素 </h2>
// $('h2').click(function(){
// 	$('li').show();
// 	$(this).parent().find('li').show();

// // 	$('h2').mouseenter(function(){
// // 	//鼠标进入事件
// // 	 $(this).parent().find('li').stop().slideDown();
// // })
// // //鼠标出来事件
// // 	$('h2').mouseleave(function(){
// // $(this).parent().find('li').stop().slideUp();
// // })


</script>
</body>
</html>
